.Article {
    max-width: 90%;
    margin: 0 auto; /* Centers the entire article on the page */
    justify-content: center;
    margin-bottom: 10%;
}

#article1-image {
    width: 90%;
    height: 50%; /* Show only the top 50% */
    overflow: hidden;
    margin: 0 auto; /* Centers the image */
}

#article1-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top; /* Display the top portion of the image */
    border-radius: 20px;
}

.article-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 20px auto; /* Centers the content horizontally */
    margin-top: 10%;
}

.left-column {
    flex: 1;
    padding-right: 20px;
    text-align: left;
}

.right-column {
    flex: 1;
    justify-items: center;
}

.right-column img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

#imgbp{
    margin-top: 8%;
}


.left-column h2 {
    margin: 20px 0; /* Adjust top and bottom margin */
    font-size: 50px; /* Adjust the font size as needed */
    color: #ffffff; /* Change the text color if desired */
    text-align: left; /* Align the text to the left, change if needed */
    font-weight: bold;
    margin-top: 10%;
}

/* Media Query for Mobile View */
@media (max-width: 768px) {
    .article-content {
        flex-direction: column; /* Stack columns vertically */
        align-items: center; /* Center items */
    }

    .left-column {
        padding-right: 0; /* Remove padding for mobile */
        text-align: center; /* Optional: Center text in mobile view */
    }

    .right-column {
        margin-top: 20px; /* Add some space between columns */
    }

    .left-column h2 {
        font-size: 40px;
    }
}

.article-paragraphs {
    width: 90%; /* Ensure it's the same width as the content above */
    margin: 20px auto; /* Center the paragraphs */
    color: #9499b4; /* Change text color if needed */
    margin-top: 10%;
}

.article-paragraphs p {
    margin: 10px 0; /* Adjust top and bottom margin for paragraphs */
    font-size: 18px; /* Font size for paragraphs */
    line-height: 1.6; /* Adjust line height for readability */
}

.new-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 20px auto; /* Center the section */
}

.new-column {
    flex: 1; /* Each column takes up equal space */
    padding-right: 20px; /* Right padding for the left column */
    margin-top: 10%;
}

.new-column h3 {
    margin: 10px 0; /* Margin for the heading */
    font-size: 30px; /* Font size for the heading */
    color: #ffffff; /* Change text color if needed */
    font-weight: bold;
}

.new-column p {
    margin: 10px 0; /* Margin for the paragraph */
    font-size: 18px; /* Font size for the paragraph */
    line-height: 1.6; /* Line height for readability */
    color: #9499B4; /* Change text color if needed */
    margin-left: 2%;
}

/* Media Query for Mobile View */
@media (max-width: 768px) {
    .new-section {
        flex-direction: column; /* Stack columns vertically on mobile */
    }

    .new-column {
        padding-right: 0; /* Remove padding for mobile */
    }
}

.highlight {
    color: #4170FF; /* Change this to your desired text color */
    font-weight: bold; /* Optional: make the text bold */
}

.new-section-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 20px auto; /* Center the section */
    margin-top: 10%;
}

.left-column-image-2 {
    flex: 1; /* Left column takes up equal space */
    text-align: left; /* Align text to the left */
}

.right-column-paragraph-2 {
    flex: 1; /* Right column takes up equal space */
    margin-left: 2%;
}

.right-column-paragraph-2 p {
    margin: 10px 0; /* Margin for the paragraph */
    font-size: 18px; /* Font size for the paragraph */
    line-height: 1.6; /* Line height for readability */
    color: #9499B4; /* Change text color if needed */
    margin-top: 13%;
}

.left-column-image-2 img {
    width: 95%; /* Make image responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 20px;
}

.left-column-image-2 h3{
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}


/* Media Query for Mobile View */
@media (max-width: 768px) {
    .new-section-2 {
        flex-direction: column; /* Stack columns vertically on mobile */
    }

    .left-column-image-2 {
        padding-right: 0; /* Remove padding for mobile */
    }
}

.adjustable-section-3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 20px auto; /* Center the section */
    margin-top: 10%;
}

.left-column-empty-3 {
    flex: 1; /* Left column takes up equal space */
    /* No content, so no additional styling needed */
}

.right-column-content-3 {
    flex: 1; /* Right column takes up equal space */
    text-align: left; /* Align text to the left */
    margin-left: 2%;
}

.right-column-image-3 {
    width: 20; /* Make the image responsive */
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 2%;
}

.right-column-heading-3 {
    margin: 10px 0; /* Adjust margin as needed */
    font-size: 30px; /* Adjustable font size */
    color: #ffffff; /* Change text color if needed */
    font-weight: bold;
    
}

.right-column-paragraph-3 {
    font-size: 18px; /* Adjustable font size */
    line-height: 1.5; /* Line height for readability */
    color: #9499B4; /* Change text color if needed */
    margin-top: 5%
}

/* Media Query for Mobile View */
@media (max-width: 768px) {
    .adjustable-section-3 {
        flex-direction: column; /* Stack columns vertically on mobile */
    }

    .left-column-empty-3 {
        display: none; /* Hide left column on mobile */
    }
}

.regular-content-section-3 {
    width: 90%; /* Center the section */
    margin: 20px auto; /* Center the section horizontally */
    margin-top: 10%;
}

.regular-heading-3 {
    margin: 24px 0; /* Adjust margin as needed */
    font-size: 33px; /* Adjustable font size */
    color: #ffffff; /* Change text color if needed */
    line-height: 1.5; /* Line height for readability */
    font-weight: bold;
}

.regular-paragraph-3 {
    font-size: 18px; /* Adjustable font size */
    line-height: 1.5; /* Line height for readability */
    color: #9499B4; /* Change text color if needed */
}

.right-column-paragraph-22 p {
    margin: 10px 0; /* Margin for the paragraph */
    font-size: 18px; /* Font size for the paragraph */
    line-height: 1.6; /* Line height for readability */
    color: #9499B4; /* Change text color if needed */
}

.right-column-paragraph-22 {
    flex: 1; /* Right column takes up equal space */
}

#adjustable{
    margin-top: 6%;
}

#head{
    line-height: 1;
    font-size: 55px;
    margin-bottom: 0;
}

.text-center2{
    margin-top: 10%;
    margin-bottom: 5%;
    text-align: center;
}

#articleimg{
     width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top; /* Display the top portion of the image */
    border-radius: 20px;
}

#review{
    width: 92%;
}